@charset "utf-8";
/* CSS Document */

.flexslider { height: 540px; overflow: hidden; }
.flexslider .slides .pic { height: 440px; overflow: hidden; }
.flexslider .slides img { display: none; }

#Aboutus { }
.about-intro { padding: 30px 0; text-align: center; }
.about-intro h3 { font-size: 24px; color: #000; line-height: 60px; text-align: center; }
.about-intro p { font-size: 16px; color: #666666; line-height: 30px; text-align: center; }
.about-intro a.More { font-size: 14px; color: #2091BF; line-height: 36px; padding: 0 30px; padding-right: 52px; border-radius: 20px; display: inline-block; margin: 20px auto; background: url('../images/morebg.png') no-repeat center center; position: relative; transition: all 0.3s; }
.about-intro a.More .icon-more { display: block; position: absolute; right: 25px; top: 50%; margin-top: -9px; width: 18px; height: 18px; border-radius: 50%; background: url('../images/icon_more01.png')no-repeat center center; background-size: 100%; }
.about-intro a.More:hover { background: url('../images/morebg.png') no-repeat center center #2091BF; color: #fff; }
.about-intro a.More:hover .icon-more { background: url('../images/icon_more011.png')no-repeat center center; background-size: 100%; }


#Product { background: #f7f7f7; padding: 48px 0; }
#Product .main { background: #fff; }
#Product .main li { float: left; width: 25%; }
#Product .main .Item { position: relative; }
#Product .main .Item .Intro { padding: 7px; position: relative; transition: all 0.3s; }
#Product .main .Item .Intro .box { border: 2px solid #fff; padding: 20px 10px; box-sizing: border-box; }
#Product .main .Item .Intro h3 { font-size: 18px; color: #2091BF; line-height: 40px; }
#Product .main .Item .Intro p { font-size: 14px; color: #666666; line-height: 28px; height: 76px; text-overflow: ellipsis; overflow: hidden; }
#Product .main .Item .Intro .more { transition: all 0.3s; font-size: 12px; color: #333; line-height: 30px; border: 1px solid #dcdcdc; border-radius: 10px; display: block; padding: 0 20px; padding-right: 30px; display: inline-block; box-sizing: border-box; text-align: center; margin: 10px 0; background: url('../images/icon_more02.png') no-repeat right 10px center; }
#Product .main .Item .Intro .icon-arrow { transition: all 0.3s; width: 0; height: 0; display: block; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 18px solid #fff; position: absolute; left: 25px; bottom: -17px; z-index: 90; }
#Product .main .ItemB .Item { padding-top: 234px; }
#Product .main .ItemB .Item .pic { position: absolute; left: 0; top: 0; width: 100%; }
#Product .main .ItemB .Item .Intro .icon-arrow { border-bottom: 18px solid #fff; top: -18px; border-top: 0; }
#Product .main .Item:hover .Intro { background: #0099ff; }
#Product .main .Item:hover .Intro .box { border-color: #0066ff; }
#Product .main .ItemA:hover .Intro .icon-arrow { border-top: 18px solid #0099ff; }
#Product .main .ItemB:hover .Intro .icon-arrow { border-bottom: 18px solid #0099ff; }
#Product .main .Item:hover .Intro h3 { color: #fff; }
#Product .main .Item:hover .Intro p { color: #fff; }
#Product .main .Item:hover .Intro .more { color: #fff; background: url('../images/icon_more021.png') no-repeat right 10px center; }

.content{width:90%; margin:0 auto;padding-bottom:10px;min-height: 340px;}
.content .contentl{float:left;width:49%}
.content .contentl h2{font-size:24px; font-weight:600; padding-top:10px; padding-bottom:10px;
text-align:left}
.content .contentl p{font-size:16px; line-height:30px; text-indent:2em;}
.content .contentr{float:right; width:49%; text-align: right;;}
.content .contentr img {text-align:center;padding-top:10px; vertical-align:top;}
#News { background: url('../images/newsbg.jpg') no-repeat bottom 0 center #f7f7f7; }
#News .Tit { padding: 20px 0; }
#News .Tit h3 { font-size: 24px; color: #424242; line-height: 60px; text-align: center; }
#News .main { }
.news-li { position: relative; text-align: center; }
.news-li .news-slick { position: relative; }
.news-li .slick { /*float: left; width: 33.33%;*/ box-sizing: border-box; }
.news-li .slick .Item { background: #fff; box-shadow: 0 0 6px 1px #ccc; margin: 10px; padding: 30px; box-sizing: border-box; }
.news-li .slick .Item .date { font-size: 12px; color: #999999; line-height: 20px; text-align: left; display: block; }
.news-li .slick .Item h3 { font-size: 14px; color: #333; line-height: 25px; font-weight: 500; text-align: left; }
.news-li .slick .Item p { font-size: 12px; color: #666; line-height: 20px; text-align: left; }
.news-li .owl-prev { position: absolute; left: -80px; top: 50%; width: 52px; height: 52px; margin-top: -26px; border-radius: 50%; font-size: 0; outline: none; border: none; background: url('../images/icon_news-left.png') no-repeat center center; }
.news-li .owl-next { position: absolute; right: -80px; top: 50%; width: 52px; height: 52px; margin-top: -26px; border-radius: 50%; font-size: 0; outline: none; border: none; background: url('../images/icon_news-right.png') no-repeat center center; }
#News .more { font-size: 14px; color: #2091BF; line-height: 36px; padding: 0 30px; padding-right: 52px; border-radius: 20px; display: inline-block; margin: 20px auto; background: url('../images/morebg.png') no-repeat center center; position: relative; transition: all 0.3s; }
#News .more .icon-more { display: block; position: absolute; right: 25px; top: 50%; margin-top: -9px; width: 18px; height: 18px; border-radius: 50%; background: url('../images/icon_more01.png')no-repeat center center; background-size: 100%; }
#News .more:hover { background: url('../images/morebg.png') no-repeat center center #2091BF; color: #fff; }
#News .more:hover .icon-more { background: url('../images/icon_more011.png')no-repeat center center; background-size: 100%; }
.news-li .slick .Item:hover h3 { color: #2091BF; }
.news-intro { padding: 120px 0; }
.news-intro .sh1 { font-size: 42px; color: #fff; line-height: 80px; text-align: center; font-weight: 500; text-shadow: 1px 3px 3px #333; }
.news-intro .sh1 .en { display: block; text-align: right; font-size: 32px; padding: 0 120px; }

@media (min-width: 1200px) {
}

@media (min-width: 1024px) {
}

@media (min-width: 768px) {
}

@media (max-width: 1200px) {
    #Product .main .Item .Intro .box { padding: 10px; box-sizing: border-box; }
}

@media (max-width: 1025px) {
    .flexslider { height: auto; overflow: inherit; }
    .flexslider .slides .pic { height: auto; overflow: inherit; background: none; }
    .flexslider .slides img { display: block; }

    .owl-controls .owl-page, .owl-controls .owl-buttons { display: none; }
    .about-intro { padding: 20px 10px; }
    .news-intro { padding: 100px 0; }
    #Product .main .ItemB .Item { padding-top: 200px; }
    .news-intro .sh1 { font-size: 36px; }
    .news-intro .sh1 .en { font-size: 28px; padding: 0 80px; }
}


@media (max-width: 800px) {
    .news-intro { padding: 80px 0; }
    #Product { padding: 0; }
    #Product .main { padding: 20px 10px; }
    #Product .main li { width: 100%; float: none; }
    #Product .main .Item { padding-top: 0; border: 1px solid #f1f1f1; box-sizing: border-box; }
    #Product .main .Item .pic { float: left; width: 50%; box-sizing: border-box; }
    #Product .main .Item .Intro { float: right; width: 50%; box-sizing: border-box; }
    #Product .main .ItemB .Item { padding-top: 0; }
    #Product .main .ItemB .Item .pic { position: relative; float: right; width: 50%; }
    #Product .main .ItemB .Item .Intro { float: left; width: 50%; }
    #Product .main .ItemB .Item .Intro .icon-arrow { border-bottom: 16px solid transparent; border-left: 16px solid #fff; border-top: 18px solid transparent; top: 25px; bottom: auto; right: -32px; left: auto; }
    #Product .main .ItemA .Item .Intro .icon-arrow { border-bottom: 16px solid transparent; border-right: 16px solid #fff; border-top: 18px solid transparent; top: 25px; bottom: auto; left: -32px; right: auto; }
    #Product .main .ItemA:hover .Intro .icon-arrow { border-right: 18px solid #0099ff; }
    #Product .main .ItemB:hover .Intro .icon-arrow { border-left: 18px solid #0099ff; }
    .content{width:90%; margin:0 auto;padding-bottom:10px;min-height: 340px;}
   .content .contentl{float:left;width:100%}
.content .contentl h2{font-size:24px; font-weight:600; padding-top:10px; padding-bottom:10px;
text-align:left}
.content .contentl p{font-size:16px; line-height:30px; text-indent:2em;}
.content .contentr{float:right; width:100%; text-align: right;;}
.content .contentr img {text-align:center;padding-top:10px; vertical-align:top;}
}

@media (max-width: 640px) {
    .news-intro { padding: 60px 0; }

    .about-intro h3 { font-size: 20px; }
    #News .Tit h3 { font-size: 20px; }
    .news-intro .sh1 { font-size: 26px; line-height: 50px; }
    .news-intro .sh1 .en { font-size: 18px; padding: 0 40px; }
    #Product .main .Item .Intro p { height: 56px; }
}


@media (max-width: 480px) {
    .about-intro h3 { font-size: 18px; }
    #News .Tit h3 { font-size: 18px; }
    .news-intro { padding: 40px 0; }
    .news-intro .sh1 { font-size: 22px; line-height: 40px; }
    .news-intro .sh1 .en { font-size: 16px; padding: 0 40px; }
    #Product .main .Item .Intro .more { display: none; }
}

@media (max-width: 420px) {
    .news-intro { padding: 30px 0; }
    .news-intro .sh1 { font-size: 20px; line-height: 40px; }
    .news-intro .sh1 .en { font-size: 16px; padding: 0 20px; }
}

@media (max-width: 380px) {
    .news-intro .sh1 { font-size: 18px; line-height: 40px; }
    .news-intro .sh1 .en { font-size: 14px; padding: 0 20px; }
}


@media (max-width: 321px) {
}